<!--
 * @Author: heyang
 * @Date: 2025-01-13 19:39:59
 * @LastEditors: heyang
 * @LastEditTime: 2025-02-11 17:35:24
 * @FilePath: \eng-proc-app\src\pages\index\index.vue
 * @Description: 
 * 
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <view class="page">
    <wd-tabs v-model="tab">
  <block v-for="item in tabs" :key="item">
    <wd-tab :title="`${item}`" :name="item">
      <view class="content">
        <FlowInstance :flowType="tab"/>
      </view>
    </wd-tab>
  </block>
</wd-tabs>
  </view>
</template>

<script setup lang="ts">
import FlowInstance from './flow-instance.vue'
const tabs = ref(['造价类','代理类', '监理类' ])
const tab = ref('造价类')
</script>
<style scoped lang="scss">
.page {
  height: calc(100vh);
  // flex: 1;
  background-color: $uni-bg-color-hover;
  .mt12 {
    margin-top: 12rpx;
  }
  .mb12 {
    margin-bottom: 12rpx;
  }
}
.footer {
  text-align: left;
}
:deep(.wd-popover__menu) {
  position: absolute !important;
  left: -55rpx;
  height: 400rpx;
  overflow: auto;
}
</style>
